import {h,ref} from 'vue';//引入渲染函数
// import { block } from "zbee-ui-template";
import {ElTimeline,ElTimelineItem,ElTree} from 'element-plus';
import {importStores,importBlocks,importSlots,importDialogs} from 'zbee-webpack'
const {
    useTreeInfoStore
} = importStores() 
const {
    data:modelValue
} = useTreeInfoStore()
const top= {
    items:[
        {
            widget: 'text',
            modelValue: '测试文件' ,
        },
        {
            // items:renderTree()
        },{
            // items:sayhello()
        },{
            widget: 'button',
            type:'warning',
            onClick:[{
            }]
        }
    ]
}

const center = {
    items:[
        {
            widget: 'button',
            type:'primary'
        },{
            widget: 'button',
            type:'danger'
        },{
            widget: 'button',
            type:'warning'
        }
    ]
}

export default{
    useWidgets:[
        'text',
        'button',
        'verticalLayout'
    ],
    body(){
        return {
            widget:"verticalLayout",
            
            items:[
                {
                    ...top
                },{
                    ...center
                }
            ]
        }
        
    }
}

